<template>
  <el-container style="height:100%">
    <el-header style="height: auto">
      <el-row>
        <el-col :span="8">

          <el-input
            placeholder="请输入公司"
            prefix-icon="el-icon-search"
            v-model="input21">
          </el-input>
        </el-col>

        <el-col :span="4">
          <el-button type="primary">搜索</el-button>
        </el-col>
      </el-row>
    </el-header>
    <el-main>
      <el-row style="width:100%;">

        <el-alert
          title="子公司报表"
          type="success"
          center
          :closable="false">
        </el-alert>
        <el-col :span="24">
          <el-tabs v-model="activeName" >
            <el-tab-pane label="广东区域" name="first">

              <el-table :data="list" v-loading.body="" border fit highlight-current-row
                         style="width: 100%;margin-left: 0%">

                <el-table-column align="center" label="序号" prop="id" width="80">
                  <template slot-scope="scope"><span>{{scope.row.px}}</span></template>
                </el-table-column>
                <el-table-column align="center" label="公司" prop="id" width="80">
                  <template slot-scope="scope"><span>{{scope.row.comp}}</span></template>
                </el-table-column>
                <el-table-column align="left" label="年度单耗计划" prop="fullCodeNo" width="200">
                  <template slot-scope="scope"><span>{{scope.row.aa}}</span></template>
                </el-table-column>
                <el-table-column align="center" label="月度熟料产量" prop="explainText" width="200">
                  <template slot-scope="scope"><span>{{scope.row.bb}}</span></template>
                </el-table-column>


                <el-table-column align="center" label="月度水泥产量" prop="category" width="200">
                  <template slot-scope="scope"><span>{{scope.row.cc}}</span></template>
                </el-table-column>

                <el-table-column align="left" label="月度机械常规件消耗" prop="time2">
                  <template slot-scope="scope"><span>{{scope.row.dd}}</span></template>
                </el-table-column>
                <el-table-column align="left" label="月度机械故障件消耗" prop="time2">
                  <template slot-scope="scope"><span>{{scope.row.ee}}</span></template>
                </el-table-column>
                <el-table-column align="left" label="月度电气常规件消耗" prop="time2">
                  <template slot-scope="scope"><span>{{scope.row.ff}}</span></template>
                </el-table-column>
                <el-table-column align="left" label="月度电气故障件消耗" prop="type" width="200">
                  <template slot-scope="scope"><span>{{scope.row.gg}}</span></template>
                </el-table-column>
              </el-table>


            </el-tab-pane>
            <el-tab-pane label="贵州区域" name="second">

            </el-tab-pane>
          </el-tabs>

          <el-col :span="24">
            <!--<el-button type="primary" @click="multipleSelectSubmit" icon="el-icon-share">批量审核</el-button>-->
          </el-col>
        </el-col>
      </el-row>


      <el-row style="margin-top: 5vh">
        <el-col :span="24">
          <charts ref="charts"></charts>

        </el-col>
      </el-row>
    </el-main>
    <!--<el-footer>Footer</el-footer>-->
  </el-container>


</template>

<script>
  import charts from './comp/chartsStkComp'

export default {
    name: "consumeCheck",
    components: {
      charts
  },

  data() {
    return {
      input21: '',
      activeName:'first',
      list:[

        {id:1,comp:'英德海螺',aa:2.60,bb:120 ,cc:71.00 	,dd:74.63,ee:186.75	,ff:22.00,gg:37.10},
        {id:2,comp:'清新水泥',aa:2.60,bb:132 ,cc:33.92 	,dd:44.33,ee:102.07	,ff:32.00,gg:7.37},
        {id:3,comp:'阳春海螺',aa:2.10,bb:201 ,cc:51.99 	,dd:55.28,ee:118.09	,ff:12.00,gg:26.70},
        {id:4,comp:'江门海螺',aa:1.00,bb:134 , cc:33.31 	,dd:37.21,ee:21.00 ,ff:66,gg:33},
        {id:5,comp:'佛山海螺',aa:1.20,bb:190 , cc:29.82 	,dd:40.60,ee:33.00 ,ff:40,gg:33},
        // {id:6,comp:'湛江海螺',aa:1.00,bb:80 , cc:27.12 	,dd:7.53 ,ee:56.00 ,ff:25.56,gg:33},
        // {id:7,comp:'茂名大地',aa:1.20,bb:60 , cc:9.72 	,dd:13.10,ee:132.00	,ff:7.14, gg:33},
        // {id:8,comp:'贵定海螺',aa:1.20,bb:60 , cc:9.72 	,dd:13.10,ee:44.00 ,ff:7.14, gg:33},
        // {id:9,comp:'安龙公司',aa:1.20,bb:60 , cc:9.72 	,dd:13.10,ee:66.00 ,ff:7.14, gg:33},








      ],
    }
  },
  mounted(){
  },
  methods:{
    tbclick(){

    }
  }
}

</script>

<style scoped>

</style>
